import React, {Component} from 'react';
import {Center, View, Image} from 'native-base';
class EmptyMsg extends Component {
  render() {
    return (
      <View style={{height:450}}>
        <Center>
          <Image
            source={require('../../assets/emptyMsg.png')}
            alt="Alternate Text"
            size="2xl"
            // eslint-disable-next-line react-native/no-inline-styles
            style={{
              marginTop: 20,
            }}
          />
        </Center>
        <View
          // eslint-disable-next-line react-native/no-inline-styles
          style={{
            marginBottom: 30,
          }}>
          <Center
            _text={{
              fontWeight: 'bold',
              color: '#c3c3c3',
              fontsize: 20,
            }}>
            小主，您搜索的内容不存在哦，再试试吧
          </Center>
        </View>
        <View>
          <Center
            _text={{
              fontWeight: 'bold',
              color: '#c3c3c3',
              fontsize: 20,
            }}>
            拆字检索如强可搜索弓虽
          </Center>
          <Center
            _text={{
              fontWeight: 'bold',
              color: '#c3c3c3',
              fontsize: 20,
            }}>
            偏旁检索如泠可搜索三水
          </Center>
          <Center
            _text={{
              fontWeight: 'bold',
              color: '#c3c3c3',
              fontsize: 20,
            }}>
            简繁体如乐可搜乐、樂
          </Center>
          <Center
            _text={{
              fontWeight: 'bold',
              color: '#c3c3c3',
              fontsize: 20,
            }}>
            单字检索如西泠可搜西、泠
          </Center>
        </View>
      </View>
    );
  }
}

export default EmptyMsg;
